forum

home / developersection / forums / how to validate a phone number in angularjs

Ask Question

How to Validate a Phone Number in AngularJS

Anonymous User 1975 28-Feb-2016
we want to Validate a Phone Number in AngularJS. please help me.
angular js angular js 
Updated on 28-Feb-2016
Anonymous User

Other

I am a content writter !

Follow Message
Can you answer this question?
Answer

1 Answers

Anonymous User

Anonymous User

28-Feb-2016 
@{
    Layout = null;


}


<!DOCTYPE html>


<html>


<head>


    <title>Forum</title>


    <meta name="viewport" content="width=device-width" />


    <script src="~/Scripts/jquery-1.9.1.js"></script>


    <script src="~/Scripts/angular.js"></script>


    <style>


        .error {


            color: red;


        }


    </style>


    <script>


        var app = angular.module('myApp', []);



        app.controller('mainCtrl', function ($scope) {


            $scope.phoneNumbr = /^\+?\d{2}[- ]?\d{3}[- ]?\d{5}$/;


        });


    </script>


</head>


<body ng-app="myApp">  


    <ng-form name="myForm" ng-controller="mainCtrl">  


        <div><b>Enter your Phone No:</b></div> 


        <div>  


            <input type="text" placeholder="+91-xxx-xxxxx" name="phone" ng-pattern="phoneNumbr" ng-model="phone" />  


            <br><span class="error" ng-show="myForm.phone.$error.pattern">Please Enter vailid </span>  


        </div>  


    </ng-form>  


</body>  


</html>
How to Validate a Phone Number in AngularJS
advertising
advertising

Liked By

We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy